﻿@{
    ViewData["Title"] = "All Books";
}

@model IEnumerable<BookModel>


<div class="container">
    <h3 class="display-4">All books</h3>
    <div class="row">
        
        @foreach (var book in Model)
        {
            <di class="col-md-4">

                <partial name="_bookThumbnail" model="@book"/>
                
                @* <div class="card mb-4 shadow-sm"> *@
                @*     <img src="@book.CoverImageUrl" class="img-thumbnail"/> *@
                @*     <div class="card-body"> *@
                @*         <h3 class="card-title">@book.Title</h3> *@
                @*         <p class="card-text"> *@
                @*             @book.Description *@
                @*         </p> *@
                @*         <div class="d-flex justify-content-between align-items-center"> *@
                @*             <div class="btn-group"> *@
                @*                 <a asp-controller="Book" asp-action="GetBook" asp-route-id="@book.Id" *@
                @*                    class="btn btn-sm btn-outline-secondary"> *@
                @*                     View details *@
                @*                 </a> *@
                @*             </div> *@
                @*             <small class="text-muted"> *@
                @*                 @book.Author *@
                @*             </small> *@
                @*         </div> *@
                @*     </div> *@
                @* </div> *@
            </di>
        }
        
        
    </div>
    
</div>


